<template>
	<view class="contain">
		<!-- @click="itemClick('../shop_myset/shop_myset')" -->
		<u-cell-group :customStyle="cellStyle" :border="false">
				<u-cell title="ID" :value="idNumber"></u-cell>
				<u-cell title="状态" :value="state"></u-cell>
				<u-cell title="类型" :border="false" :value="dataType"></u-cell>
		</u-cell-group>
		<u-cell-group :customStyle="cellStyle" :border="false">
				<u-cell title="绑定手机" :isLink="true" arrow-direction="right" :value="bindPhone" @click="itemClick('./bindPhone/bindPhone')"></u-cell>
				<u-cell title="实名认证" :isLink="true" arrow-direction="right" :value="realName" @click="itemClick('./authRealName/authRealName')"></u-cell>
				<u-cell title="官方认证" :border="false" :isLink="true" arrow-direction="right" @click="itemClick('./authority/authority')">
					<template #value>
						<text class="u-slot-value" style="color:#67A2DD; font-size:20rpx; margin-right:20rpx;">官方认证后可以开设个人店铺</text>
						<text class="u-slot-value">{{auth}}</text>
				    </template>		
				</u-cell>
		</u-cell-group>
	</view>
</template>

<script setup lang='ts'>
import { ref,reactive } from 'vue'
let idNumber=ref("1699967100866252803");
let state=ref("正常");
let dataType=ref("个人号");
let bindPhone=ref("13800138000");
let realName=ref("已实名");
let auth=ref("未认证");
const cellStyle=reactive({
	"background":"#FFFFFF",
	"marginTop":"10rpx",
	"marginBottom":"20rpx"
});
const itemClick=(url:string)=>{
	uni.$tools.GoUrl(url);
};		
</script>
<style>
	page{
		background:#F8F8F8;
	}
</style>
<style lang='scss' scoped>
	@import "shop_countsafe.scss";
</style>